import { RouterLink } from 'vue-router';

<template>
  <Section>
    <div
      class="flex w-full flex-col items-center justify-between gap-x-12 gap-y-4 px-4 md:flex-row lg:px-6"
    >
      <span class="flex flex-none flex-row items-center">
        <RouterLink
          :to="{ name: 'home' }"
          class="flex items-center justify-center font-medium lg:justify-start"
        >
          <span class="icon-[uil--blogger] h-6 w-6" />
          <span class="sr-only">Logo</span>
        </RouterLink>
        <p class="ml-4 border-l pl-4 font-sans text-sm">
          © 2023
          <a
            href="https://www.ablog.fun"
            class="text-primary"
            rel="noopener noreferrer"
            target="_blank"
          >
            ablog.fun
          </a>
        </p>
      </span>
      <span class="flex flex-none items-center gap-x-6 font-sans text-sm">
        <!-- 跳转到首页 -->
        <a href="#">首页</a>
        <RouterLink class="hover:underline" :to="{ name: 'privacy' }">
          隐私策略
        </RouterLink>
        <a
          class="hover:underline"
          href="/rss.xml"
          rel="noopener noreferrer"
          target="_blank"
        >
          RSS
        </a>
      </span>
      <span class="flex flex-col items-center gap-4 md:flex-row">
        <a
          class="hover:underline"
          href="https://beian.miit.gov.cn/"
          target="_blank"
        >
          赣ICP备2023014932号
        </a>
        <a
          class="hover:underline"
          href="https://beian.mps.gov.cn/#/query/webSearch?recordcode=36012102000673"
          target="_blank"
        >
          赣公网安备36012102000673号
        </a>
      </span>
      <!-- <span
        class="mt-2 inline-flex grow justify-center sm:mt-0 sm:justify-end lg:ml-auto"
      >
        <a
          href="https://www.facebook.com/cssninjaStudio"
          class="hover:bg-muted-200 text-muted-500 dark:text-muted-400 hover:text-primary-500 dark:hover:text-primary-500 flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300"
          rel="noopener noreferrer"
          target="_blank"
        >
          <svg viewBox="0 0 486.037 1000" class="h-4 w-4">
            <path
              fill="currentColor"
              d="M124.074 1000V530.771H0V361.826h124.074V217.525C124.074 104.132 197.365 0 366.243 0 434.619 0 485.18 6.555 485.18 6.555l-3.984 157.766s-51.564-.502-107.833-.502c-60.9 0-70.657 28.065-70.657 74.646v123.361h183.331l-7.977 168.945H302.706V1000H124.074"
            ></path>
          </svg>
          <span class="sr-only">Facebook</span>
        </a>
        <a
          href="https://twitter.com/cssninjaStudio"
          class="hover:bg-muted-200 text-muted-500 dark:text-muted-400 hover:text-primary-500 dark:hover:text-primary-500 flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300"
          rel="noopener noreferrer"
          target="_blank"
        >
          <svg viewBox="0 0 748.681 1000" class="h-4 w-4">
            <path
              fill="currentColor"
              d="M748.681 875.015c0 34.315-12.307 63.755-36.922 88.227-24.615 24.519-54.117 36.758-88.576 36.758H375.078c-103.368 0-191.702-36.519-265.055-109.647C36.65 817.234.001 729.224.001 626.187v-501.08c0-35.311 12.219-64.969 36.649-89.031C61.08 12.049 90.923.001 126.146.001c34.199 0 63.584 12.273 87.981 36.791 24.471 24.492 36.724 53.878 36.724 88.228v181.436h353.233c32.069 0 59.545 11.366 82.466 34.116 22.893 22.71 34.315 49.967 34.315 81.797 0 31.769-11.421 59.073-34.233 81.802-22.82 22.698-50.239 34.083-82.173 34.083H250.851v87.817c0 34.438 12.021 63.687 36.184 87.817 24.136 24.063 53.441 36.109 87.918 36.109h248.182c34.438 0 64.008 12.287 88.623 36.793 24.615 24.518 36.922 53.925 36.922 88.226"
            ></path>
          </svg>
          <span class="sr-only">Twitter</span>
        </a>
        <a
          href="https://github.com/cssninjaStudio"
          class="hover:bg-muted-200 text-muted-500 dark:text-muted-400 hover:text-primary-500 dark:hover:text-primary-500 flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-300"
          rel="noopener noreferrer"
          target="_blank"
        >
          <svg viewBox="0 0 1227.825 1000" class="h-4 w-4">
            <path
              fill="currentColor"
              d="M1078.94-.985c-33.192-.491-110.295 10.777-239.027 96.936-70.161-17.535-144.812-26.188-219.591-26.188-82.278 0-165.425 10.448-242.965 31.719C192.534-24.605 110.955 1.234 110.955 1.234c-53.258 133.183-20.347 231.788-10.344 256.277C38.014 325.069-.2 411.338-.2 517.07c0 79.822 9.085 151.416 31.281 213.653 1.231 4.803.832 3.732 2.906 7.844 4.89 12.884 10.327 25.39 16.438 37.468 2.094 4.346 4 7.563 4 7.563 62.395 116.307 185.396 191.438 404.244 215.028l330.995.375c233.392-23.144 345.386-98.499 396.994-215.591l3.281-7.625c4.89-11.828 9.153-24.135 20.813-65.562 11.659-41.427 16.875-113.172 16.875-193.185 0-114.755-43.1-206.577-113.092-276.434 12.231-39.48 28.57-127.158-16.313-239.402 0 0-6.293-1.995-19.281-2.188zM818.1 420.133c53.893-.117 100.057 9.136 134.717 45.499v.031c43.369 45.541 68.749 100.525 68.749 159.778 0 276.658-177.932 284.183-397.4 284.183-219.506 0-397.4-38.336-397.4-284.183 0-58.861 25.009-113.516 67.843-158.872 71.451-75.59 192.365-35.562 329.558-35.562 70.423-.011 136.564-10.75 193.935-10.875zm-408.807 81.468c-45.666 0-82.687 61.741-82.687 137.936 0 76.206 37.019 137.967 82.687 137.967 45.666 0 82.687-61.761 82.687-137.967 0-76.184-37.019-137.881-82.687-137.936zm443.649 0c-45.666 0-82.687 61.741-82.687 137.936 0 76.206 37.019 137.967 82.687 137.967 45.666 0 82.687-61.761 82.687-137.967 0-76.184-37.019-137.881-82.687-137.936z"
            ></path>
          </svg>
          <span class="sr-only">Github</span>
        </a>
      </span> -->
    </div>
  </Section>
</template>
